["ask users to|help users to"]…

Pattern name

The intro-text appears fist and should contain the purpose and definition of the pattern. If you need to provide additional context of when and why to use this pattern then include it here.

Examples

Examples of this pattern. May contain reference or links to:

Examples in production

Other relevant examples

• Instances of this pattern at other agencies
• Other digital services in other countries using this pattern

Usage

When to use this pattern

Criteria for when the pattern is appropriate.

When not to use this pattern

Criteria for when the pattern is inappropriate.

When to use caution

Criteria for when the pattern could work with additional prototyping and testing.

Additional Usage sub-sections may include:

• Inputs and outputs
• How to tell users
• When to tell users
• Do & Don’t
• Design principles

How to design and build

Anatomy or layout details

Details any containers of components or layout concerns for how the pattern may be implemented on a page or pages.

How this pattern works

Details the design decisions inherent to the pattern, describes the interactions, and provides usability guidance.

Components used in this pattern

List of links to the components used in the pattern and details on any variations in use.

Page templates available for this pattern

List of links to page templates or layouts used to build any pages for this pattern.

Code usage

A link to the page.code-link, when available.

Content considerations

Any content rules or recommendations for the pattern.

Accessibility considerations

Calling out specific accessibility concerns and considerations.